<template>
    <div class="nav">
        <div class="nav-job">
            <RouterLink to="/my"><div><van-icon name="arrow-left" /></div></RouterLink>
            <div class="aa">地址管理</div>
            <div class="a"></div>
        </div>
    </div>
    <div class="dizhi">
        <div class="dizhi-job">
            <div>张三</div>
            <div class="shuzi">16971548964</div>
        </div>
        <div class="qwe">
            <div>河南省郑州市二七区大学北路华城国际中心13楼1317室</div>
        </div>
        <div class="moren">
            <div class="dianji">
                <van-radio-group checked-color="#09b674" v-model="checked" shape="square">
                    <van-radio name="1"><div class="lv">默认地址</div></van-radio>
                </van-radio-group>
            </div>
            <div class="a"></div>
            <div class="ppp">
                <div class="bianji">
                    <div><van-icon name="notes-o" />编辑</div>
                </div>
                <div class="shanchu">
                    <div><van-icon name="delete-o" />删除</div>
                </div>
            </div>
        </div>
    </div>
    <div class="dizhi">
        <div class="dizhi-job">
            <div>张三</div>
            <div class="shuzi">16971548964</div>
        </div>
        <div class="qwe">
            <div>河南省郑州市二七区大学北路华城国际中心13楼1317室</div>
        </div>
        <div class="moren">
            <div class="dianji">
                <van-radio-group shape="square">
                    <van-radio name="1"><div>默认地址</div></van-radio>
                </van-radio-group>
            </div>
            <div class="a"></div>
            <div class="ppp">
                <div class="bianji">
                    <div><van-icon name="notes-o" />编辑</div>
                </div>
                <div class="shanchu">
                    <div><van-icon name="delete-o" />删除</div>
                </div>
            </div>
        </div>
    </div>
    <div class="dizhi">
        <div class="dizhi-job">
            <div>张三</div>
            <div class="shuzi">16971548964</div>
        </div>
        <div class="qwe">
            <div>河南省郑州市二七区大学北路华城国际中心13楼1317室</div>
        </div>
        <div class="moren">
            <div class="dianji">
                <van-radio-group shape="square">
                    <van-radio name="1"><div>默认地址</div></van-radio>
                </van-radio-group>
            </div>
            <div class="a"></div>
            <div class="ppp">
                <div class="bianji">
                    <div><van-icon name="notes-o" />编辑</div>
                </div>
                <div class="shanchu">
                    <div><van-icon name="delete-o" />删除</div>
                </div>
            </div>
        </div>
    </div>
    <div class="xinzeng">
        <RouterLink to="/xinzengView"><div class="jia">+  新增收货地址</div></RouterLink>
    </div>
</template>
<style scoped>
.jia {
    text-align: center;
    margin-top: 80px;
    width: 355px;
    padding: 10px 0;
    border-radius: 25px;
    color: #fff;
    background-color: #09b674;
    margin-left: 10px;
}
.lv {
    color: #09b674;
}
.bianji {
    margin-right: 15px;
}
.moren {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}
.ppp {
    display: flex;
    color: #5555;
}
.qwe {
    margin-left: 10px;
    color: #3b3b3b;
}
.shuzi {
    margin-left: 20px;
    margin-top: 2px;
}
.dizhi-job {
    display: flex;
    padding: 10px;
}
.a {
    background-color: #fff;
}
.aa {
    color: #09b674;
}
.nav-job {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid #ccc;
}
</style>
<script>
import { ref } from 'vue';

export default {
  setup() {
    const checked = ref('1');
    return { checked };
  },
};

</script>